
<div class="relative inline-flex cpy-keyboard-shortcuts" data-controller="dropdown">
  <button class="btn btn-square" data-action="click->dropdown#toggle click@window->dropdown#hide"
    data-dropdown-target="button">
    <%= icon_for(:issue_labels) %>
  </button>
  <div data-dropdown-target="menu" class="hidden bg-base-100 origin-top-left pt-4 z-10 absolute top-full right-0 min-w-64 bg-base-100 rounded-md shadow-lg overflow-hidden mt-2">
    <div class="flex items-center px-4 text-xs font-semibold text-base-content uppercase">
      <span class="mr-1"><%= icon_for(:issue_labels) %></span>
      <%= Visualization.human_attribute_name(:favorite_issue_labels) %>
    </div>

    <%= render partial: 'favorite_labels_dropdown_list', locals: { visualization: } %>

  </div>
</div>